<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>


<script>
	var desIndex=2;
	function changeNavView(i) {
		var dest="block"+i;
		dest=document.getElementById(dest).style;
		var isVis=dest.display;
		//alert(isVis);
		if(isVis!="block")	dest.display="block";
		else							dest.display="none";	
	}
	
	/*function changeFrame(i) {
		//alert(parent.frames[0].location.href);
		if(i==1) parent.frames[desIndex].location="../1.html";
		else if(i==2) parent.frames[desIndex].location.href="../test.html";
		else if(i==3) parent.frames[desIndex].location.href="../testScroll.html";				
	}*/
	function setLeftFrame(i,j) {
		var des1="block";
		des1=des1+i;
		var des2=des1+"-m";
		des2=des2+j;
		//alert(des1);
		document.getElementById(des1).style.display="block";
		document.getElementById(des2).style.color="#FF0000";
	}
	function showHideNav() {
		var nav=document.getElementById("nav_container").style;
		var net=document.getElementById("net_container").style;
		var btn=document.getElementById("show_hide").style;
		var isVis=nav.display;
		if(isVis!="block")	{
			nav.display="block";
			net.width="82%";
			btn.left="222px";
		}	
		else	{
			nav.display="none";
			net.width="99%";
			//btn.position="relative";
			btn.left="0px";
		}				
	}
	/*window.onscroll=function() {
		alert();
		//document.getElementById("test").innerText=window.scrollTop;
	}*/
</script>

<style>

a{
 text-decoration:none;	
}
a:hover{
	color:#FF0000;	
}
li {
list-style:none outside;
}
.nav_container {
	background: #FFF;
	margin:0px;padding:0px;
	width:180px;height:800px;min-height:800px;
	/*border:1px dashed #AAA;*/
	display:block;
}
.nav_container_block1 {
	background: url("common/img/nav_block_bg.gif") repeat left top;
	width:100%;height:90px;
	border:1px solid #ACACAC;
	overflow:hidden;
}
.nav_container_block1 li {
	margin:5px 10px;
	font-size:18px;
	width:100%;
	text-align:center;
	list-style:none outside;
}
.nav_container_block1 .title {
	background:url("common/img/menu_title.gif") repeat left top;
	width:100%;height:26px;line-height:26px;vertical-align:middle;text-align:left;
	margin:0px;padding:0px;
	font:16px "microsoft yahei";letter-spacing:2px;
	list-style:none outside;
}

.nav_container_block {
		background: url("common/img/nav_bg.gif") repeat left;
		width:100%;height:600px;min-height:600px;
		margin:20px 0px 0px 0px;
		border:1px solid #ACACAC;
		
}
.nav_container_block_title {
		background: url("common/img/menu_title_s.gif") no-repeat left top;
		width:100%;height:24px;
		margin:20px auto 0px auto;
}
.nav_container_block_title a{
	text-decoration:none;
	font-size:14px;font-weight:bold;
	margin:auto 0px auto 35px;
	line-height:24px;letter-spacing:2px;
	color:#111;
}
.nav_container_block_title a:hover{
	color:#AAA;
}
.nav_container_block_content {
	background: url("common/img/nav_menu_bg.gif") repeat left top;
	display:none;
	width:90%;
	margin:0px auto;
	text-align:center;
	border-left:1px #ACACAC solid;border-right:1px #ACACAC solid;border-bottom:1px #ACACAC solid;
}
.nav_container_block_content ul{
	border:1px solid #000;
	margin:0px auto;padding:0px;
	list-style:none outside;
	left:0px;
}
.nav_container_block_content  li{
	margin:0px auto;padding:0px;
	width:100%;height:30px;line-height:30px;vertical-align:middle;
	font-size:14px;text-align:center;
	list-style:none outside;
	/*border:1px #000 solid;*/
}
.nav_container_block_content  li img{
	vertical-align:middle;	
}

.netContainer {
	width:82%;min-height:100%;height:800px;
	border:1px dashed #AAA;
	float:right;
}
.netContainer iFrame {
	clear:both;
	width:100%;_height:100%;min-height:100%;
	background:#FFF;
	margin:0px;padding:0px;
	overflow:visible;
}
#show_hide {
	background:#FFF;
	width:14px;height:100%;
	margin:0px;padding:0px;
	
	position:fixed;left:222px;top:50%;
	/*position:absolute;left:222px;top:50%;*/
	position:fixed;left:222px;top:50%;
	float:left;
	display:block;
	z-index:9;
}
#show_hide a {

}
/*
.nav_container{ 
	background: #AAA;
	height:100%;
}*/
</style>

<div class="nav_container" id="nav_container">
	<div class="nav_container_block1">
		<li class="title"><strong>&nbsp;&nbsp;&nbsp;我的账户</strong></li>
		<li><a href="#">账户信息</a></li>
		<li><a href="#">升级服务</a></li>
		<!--<li><a href="#">信息修改</a></li>-->
	</div>
	<div class="nav_container_block">
		<div class="nav_container_block_title"><a href="javascript:void(0)" onclick="changeNavView(1)">订单管理</a></div>					
		<div class="nav_container_block_content" id="block1">
				
					<li><img src="img/sub_link_img.gif">&nbsp;<a href="index.jsp" 	id="block1-m1">订单填写</a></li>
					<li><img src="img/sub_link_img.gif">&nbsp;<a href="orderListOwn.jsp" 	id="block1-m2">订单管理</a></li>
				
		</div>
		
		<div class="nav_container_block_title"><a href="javascript:void(0)" onclick="changeNavView(2)">财务管理</a></div>					
		<div class="nav_container_block_content" id="block2">
				
					<li><img src="img/sub_link_img.gif">&nbsp;<a href="#b2" id="block2-m1">财务管理</a></li>
					<li><img src="img/sub_link_img.gif">&nbsp;<a href="userOwn.jsp" id="block2-m2">userOwn</a></li>
		</div>
	
	
		<div class="nav_container_block_title"><a href="javascript:void(0)" onclick="changeNavView(3)">运价管理</a></div>					
		<div class="nav_container_block_content" id="block3">
				
					<li><img src="img/sub_link_img.gif">&nbsp;<a href="yunjiaFaOwn.jsp" id="block3-m1">运价发布</a></li>
					<li><img src="img/sub_link_img.gif">&nbsp;<a href="yunjiaListOwn.do" id="block3-m2">运价管理</a></li>
				
		</div>
		
		<div class="nav_container_block_title"><a href="javascript:void(0)" onclick="changeNavView(4)">商机管理</a></div>					
		<div class="nav_container_block_content" id="block4">
				
					<li><img src="img/sub_link_img.gif">&nbsp;<a href="shangjiFaOwn.jsp" id="block4-m1">发布商机</a></li>
					<li><img src="img/sub_link_img.gif">&nbsp;<a href="shangjiListOwn.do" id="block4-m2">管理商机</a></li>
				
		</div>
	
		<div class="nav_container_block_title"><a href="javascript:void(0)" onclick="changeNavView(5)">展位管理</a></div>					
		<div class="nav_container_block_content" id="block5">
				
					<li><img src="img/sub_link_img.gif">&nbsp;<a href="#b2" id="block5-m1">管理展位</a></li>
					<li><img src="img/sub_link_img.gif">&nbsp;<a href="#b2" id="block5-m2">展位申请</a></li>
				
		</div>
	</div>
</div>